
body {
//	padding-top: 70px;
}

// Images put in place by the tools->img() function
.kk-img {
	img {
		max-width: 100%;
		height: auto;
		display: block;
	}
}
// This we want for MOST .kk-img images, but not ALL.
.kk-img-ultramini {
	@media (max-width: 600px) { width: 40%; } // Extra small image for extra small screens
}

// Add a little margin so text does't touch the image
.kk-pull-left  { margin-right: 14px; float: left  !IMPORTANT; }
.kk-pull-right { margin-left:  14px; float: right !IMPORTANT; }

// Colored headers
h1 { color: #5bc0de; }
h2 { color: #5bc0de; }
h3 { color: #5bc0de; }

a { text-decoration: underline; }

// Stuff for the logohead
#logohead {
	a { text-decoration: none; }
	margin-top: 20px;
	margin-bottom: 10px;
	@media (max-width: 991px) { margin-top: 50px; } // Extra padding when megamenu is near
	img {
		margin-top: 4px;
		margin-right: 10px;
	}
	h2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	h5 {
		margin-top: 4px;
		margin-bottom: 0px;
	}
	// No links on print in header
	a[href]:after{content:"";}
}

// Change the navbar a little
.navbar-kk {
	position: fixed;
	z-index: 1030;
	top: 0;
	border-width: 0 0 1px;

	@media (min-width: 992px) {
		margin-left: 25px;
	}

	@media (min-width: 768px) and (max-width: 991px) {
		width: 720px;
		margin-left: -8px;
	}

	@media (max-width: 767px) {
		right: 0;
		left: 0;
	}
}
li.dropdown > a { text-decoration: none; }
.navbar-brand a { color: #ebebeb; text-decoration: none; }

// Page footer
.pagefooter {
	margin-bottom: 18px;
}

/********************
 * YAMM3
 ********************/
// YAMM from http://geedmo.github.com/yamm3 {{{
.yamm {

	// reset positions 
	.nav, .collapse, .dropup, .dropdown {
		position: static;
	}  

	// propagate menu position under container for fw navbars
	.container {
		position: relative;
	}

	// by default aligns menu to left
	.dropdown-menu {
		left: auto;
	}
	// ensure a good position
	.nav.navbar-right .dropdown-menu {
		left: auto;
		right: 0;
	}
	
	// Content with padding 
	.yamm-content {
		padding: 20px 30px;
	}

	// Fullwidth menu
	.dropdown.yamm-fw .dropdown-menu {
		left: 0; right: 0;
		font-size: 115%;
	}

}
// }}}

// Make the megamenu mouse-over instead of click
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}

/********************
 * Color definitions
 ********************/
@color_main: #4488AA;
@color_secondary: #8EBED4;
@grey: rgb(102, 102, 102);
@grey_dark: @grey - 30;
@color_thing: #5bc0de; // XXX find these in the content

#content {
	/* Label-like inner links */
	a[href^="/"] {
		background-color: @color_main;
		color: white;
		border: 0px solid @color_main;
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
		text-shadow: @grey_dark 1px 1px;
		padding: 1px 6px 2px;
		text-decoration: none;
	}
	a[href^="/"]:hover {
		background-color: @color_secondary;
		border: 0px solid @color_secondary;
		text-decoration: underline;
	}

	/* Stylish blockquote. */
	blockquote {
		//margin-left: 35px;
		border: 0px solid black;
		p:before {
			color: @color_main;
			content: '\201C';
			font-size: 5em;
			line-height: 0px;
			margin: 0px 5px 0px -35px;
			vertical-align: bottom;
		}
	}
}

.kk-menu {
	p {
		padding: 0 12px;
		background-color: #6b7e90;
		margin: 8px 0px 0px 0px;
	}
	a {
		display: block;
		padding: 1px 12px 2px;
		text-decoration: none;
	}
	a:hover {
		background-color: @color_main;
		color: white;
		border: 0px solid @color_main;
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
		text-shadow: @grey_dark 1px 1px;
		text-decoration: none;
	}
}

.table-kk {
	font-size: 100%;
}

.checklist {
	input {
		margin-right: 10px;
	}
	li {
		list-style-type:none;
		margin: 0px;
		text-indent: 0em;
	}
}

// From Animate.css {{{
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
// }}}

